﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>@ViewBag.Title - Learnive</title>
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta name="viewport" content="width=device-width" />
        <script type="text/javascript" src="~/Scripts/jquery-1.8.2.js"></script>
        <script type="text/javascript" src="~/Scripts/jquery.cookie.js"></script>
       
        <script type="text/javascript" src="~/Scripts/jquery-ui.js"></script>
        <script type="text/javascript" src="~/Scripts/jquery.ui.touch-punch.min.js"></script>

        <script type="text/javascript" src="~/Scripts/menuscript.js"></script>
        <script type="text/javascript" src="~/Scripts/widgets.js"></script>

        <script type="text/javascript" src="~/Scripts/simslider.js"></script>

        <link href="~/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
        <script src="~/bootstrap/js/bootstrap.min.js"></script>

        @Styles.Render("~/Content/css")
        @Scripts.Render("~/bundles/modernizr")
        <script type="text/javascript">
            $(function () {
                $("[rel='tooltip']").popover();
            });
        </script>

        <script>
            var auto_refresh = setInterval(
            function () {
                $('#progressBar');
                var h = document.getElementById('hiddenbox').value;
                document.getElementById('progressbox').style.width = h + '%';
                document.getElementById('progressbox').innerHTML = h + '%';

                if (h != 100) {
                    document.getElementById('prop').style.display = 'none';
                }
                else {
                    document.getElementById('prop').style.display = 'block';
                }

            }, 500);
        </script>  
        <script>
            function sethiddenbox() {
                document.getElementById('hiddenbox').value = 100;
                document.getElementById('progressbox').style.width = '100%';
                document.getElementById('tttt').innerHTML = '8';
            }

            function hidePbutton() {
                document.getElementById('pbutton').style.display = 'none';
                document.getElementById('nextlesbox').innerHTML = 'Geen les meer';
            }
            
        </script>
        <script>
            $(function () {
                if ($.cookie("widget_order")) {
                    var arrValuesForOrder = $.cookie("widget_order");
                    var ul = $("#homepage-container"),
                    items = $("#homepage-container li.con");

                    for (var i = arrValuesForOrder[arrValuesForOrder.length - 1]; i >= 0; i--) {
                        ul.prepend(items.get(arrValuesForOrder[i] - 1));
                    }
                }
            });

            $(function() {
                $("#homepage-container").sortable({
                    handle: '.homepage-widget-topbar',
                    distance: 15,
                    update: function() {
                    var order = $("#homepage-container").sortable("toArray").join(',').replace(/[a-zA-Z]/gi, "");
                    $.cookie("widget_order",order, {expires: 365, path: '/'});  
                }
                });
                $("#homepage-container").disableSelection();
            });
        </script>

        <!-- TinyMCE -->
        <script type="text/javascript" src="~/Scripts/tiny_mce/tiny_mce.js"></script>
        <script type="text/javascript">
            tinyMCE.init({
                mode : "exact",
                elements : "elm1",
                theme : "simple",
                editor_selector :"mceEditor"
            });
        </script>
        <!-- /TinyMCE -->

        <!-- pdf viewer -->
        <script type="text/javascript" src="~/Scripts/pdfobject.js"></script>
        <script type="text/javascript">
            window.onload = function () {
                var success = new PDFObject({ url: "http://pdfobject.com/pdf/sample.pdf" }).embed("pdf");
            };
        </script>

        
    </head>
    <body>
        <nav>
            <div class="toggleMenu">-</div>
            <ul>
                <li class="menu">
                    <ul>
                        <li class="button">@Html.ActionLink("Home", "Index", "Home")</li>
                    </ul>
                    <ul>
                        <li class="button">@Html.ActionLink("Agenda", "Agenda", "Home")</li>
                    </ul>
                    <ul>
                        <li class="button">@Html.ActionLink("Vakken", "Index", "Vakje")</li>
                    </ul>
                    <ul>
                        <li class="button">@Html.ActionLink("Huiswerk", "Index", "Huiswerk")</li>
                    </ul>
                    <ul>
                        <li class="button">@Html.ActionLink("Cijferlijst", "Index", "Cijfer")</li>
                    </ul>
                    <ul>
                        <li class="button">@Html.ActionLink("Webmail", "Index", "Webmail")</li>
                    </ul>
                    @if (Request.IsAuthenticated) {
                        <div class="userProps">
                            <img src="~/Content/image/pasfoto.jpg" id="avatar"/>
                            <ul>
                                <li><img src="~/Content/image/account.png" /> @Html.ActionLink(User.Identity.Name, "Manage", "Account")</li>                                
                                <li><img src="~/Content/image/agenda.png" class="float-l" /><div id="nextles">Volgende les: <br /> <span id="nextlesbox">MEDBSK07 - 08:30 / 10:30</span></div><br /></li>
                                <li>
                                    <img src="~/Content/image/logout.png" />
                                    @using (Html.BeginForm("LogOff", "Account", FormMethod.Post, new { id = "logoutForm" })) {
                                        @Html.AntiForgeryToken()
                                        <a href="javascript:document.getElementById('logoutForm').submit()">Uitloggen</a>
                                    }
                                </li>
                            </ul>
                        </div>
                    }
                    else{
                        <div class="userProps">
                        <ul>
                                <li>
                                    <img src="~/Content/image/account.png" />
                                    @Html.ActionLink("Log in", "Login", "Account")
                                </li>
                            </ul>
                        </div>
                    }
                </li>
            </ul>


        </nav>
        <div id="body">
            @RenderSection("featured", required: false)
            <section class="content-wrapper main-content clear-fix">
                @RenderBody()
            </section>
        </div>
        <footer>
            <div class="content-wrapper">
                <div class="float-left">
                    <p>&copy; @DateTime.Now.Year Learnive - Alle rechten voorbehouden. </p>
                </div>
            </div>
        </footer>
        
        

    </body>
</html>
